iT邦幫忙

8

ASP.Net MVC 4 + jQuery UI Dialog + iFrame 動態產生圖檔的鳥問題

asp.net mvc charting
外獅佬 2013-08-21 22:50:21 ‧ 10093 瀏覽

  • 分享至 

  • xImage
    •  

剛剛幫中部某大學校弄完了一個算是『偽』報表的功能
寫了一個Action + View，上頭弄了美美的圖表（Chart）
於是，又在jQuery UI Dialog裡頭掛上iFrame，達到Web的偽報表
剛開始的時候...感覺還不錯，突然心血來潮，給他在不關閉網頁的情況下
嘗試開啟兩次....結果...Orz
所有網頁元素都會更新...只有那兩個動態產生的統計圖表...落寞
所有網頁元素都會更新...只有那兩個動態產生的統計圖表...落寞
產生動態圖檔的action是這麼寫的...

//落落長的產生圖檔過程略過...
using(MemoryStream _stream = new MemoryStream())
{
  chart.SaveImage(ms,ChartImageFormat.Png);
  return new FileContentResult(ms.ToArray());
}

View裡頭的動態圖檔欄位是這麼寫的...

<img src="@Url.Action(產生圖檔的action)"

想不到啊...第一次產生圖檔都正確...在不關閉jq dialog所在的網頁下，
重新執行，不但動態圖表不會更新，居然連這個action都不會被執行...落寞
最後，在不想把圖檔儲存到server的磁碟機上的前提下，午覺一睡醒...想起了..base64的方法
飛開心讚
於是把action改成了method...

private string generateChart(List<data> data)
{
  //略....
  using(MemoryStream _stream = new MemoryStream())
  {
    chart.SaveImage(ms,ChartImageFormat.Png);
    return Convert.ToBase64String(ms.ToArray);
  }
}

Action的部份

//又略過...
ViewBag.ChartString = this.generateChart(data);

View的部份改成

<img src="data:image/png;base64,@ViewBag.ChartString" />

開心打完收工～～讚


圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

11 則留言

0
外獅佬
iT邦大師 1 級 ‧ 2013-08-21 22:56:24

很納悶的是...原本的寫法，jq dialog開啟的時候，Url.Acion有正確執行，
所以，看到了正確的圖表
不離開網頁的情況下，再一次執行包含圖表的jq dialog（用dialog包iframe顯示網頁），
圖檔還在，但是沒有重新繪製，原本以為是cache作怪，怪怪...我沒設定cache..暈
在action裡頭設定了中斷點，終於發現..它根本沒有被執行汗
真是怪事....目前暫時用這種鳥方法解決有待哪位大師來幫我解惑啦～～

當時之所以不想把圖檔儲存成檔案，是為了避免多人使用時的檔案鎖定問題
卻意外發現這個更鳥的問題....Orz

登入發表回應
0
ted99tw
iT邦高手 1 級 ‧ 2013-08-21 22:57:05

外獅佬要好好把握本月的種種不思議現象...暈

外獅佬 iT邦大師 1 級 ‧ 2013-08-21 23:05:09 檢舉

驚汗

登入發表回應
0
海綿寶寶
iT邦大神 1 級 ‧ 2013-08-21 23:12:48

不懂純推
拍手

登入發表回應
0
賽門
iT邦超人 1 級 ‧ 2013-08-21 23:26:28

拍手拍手拍手拍手拍手拍手
好厲害啊.....

登入發表回應
0
老鷹(eagle)
iT邦高手 1 級 ‧ 2013-08-22 08:15:05

灑花灑花灑花
謝謝謝謝謝謝
筆記筆記筆記

總裁 iT邦好手 1 級 ‧ 2013-08-22 09:28:34 檢舉

獅子說這是你的問題....冷

ted99tw iT邦高手 1 級 ‧ 2013-08-22 09:34:03 檢舉

iT邦幫忙MVPwiselou提到：
鳥的問題...

也是大家的問題...冷

老鷹(eagle) iT邦高手 1 級 ‧ 2013-08-22 09:55:14 檢舉

ted99tw提到：
也是大家的問題

有這個情形請打免費電話控巴控控 控九逆 控控控毆飛

登入發表回應
0
逮丸逮丸
iT邦大師 1 級 ‧ 2013-08-22 08:48:43

iT邦幫忙MVPwiselou提到：
當時之所以不想把圖檔儲存成檔案，是為了避免多人使用時的檔案鎖定問題

即然圖檔不需存下來，如果圖檔沒有太複雜，
或者圖檔裡面沒有什麼敏感資料的話，
那就只要吐出有參數的url叫 Google Charts

若 google charts 無法符合原需求，自己畫比較簡單的話，
把 render 出來的圖，獨立成一個接受參數畫出來的 url，
然後在 dialog 裡去 query 這圖的 url，
也許就能從 web 的 log 看到有沒有在做 圖形的 query。

登入發表回應
0
葉承宇 (丁丁) Dean Yeh
iT邦大師 4 級 ‧ 2013-08-22 10:19:03

我之前曾處理 ASP.net 的圖型認證(就是畫面出現小小亂數認證碼,防Bot)
是用 ASHX 泛型處理來呈現圖型認證, 樓主也可以試看看...
不過 ASP.net MVC 沒用過~找篇參考文給您看看
利用泛型處理常式(ashx) 實作 .Net MVC 2 的圖形驗證功能

外獅佬 iT邦大師 1 級 ‧ 2013-09-03 00:19:32 檢舉

asp.net webform application 這招好使...但...mvc...常出問題落寞

登入發表回應
0
fillano
iT邦超人 1 級 ‧ 2013-08-22 15:01:44

搞不好是瀏覽器的因素，只要url沒變，他就不會去更新已經cache起來的圖檔。可以試是在圖檔url後面加一個隨機變化的參數看看。

ted99tw iT邦高手 1 級 ‧ 2013-08-22 15:08:39 檢舉

iT邦幫忙MVPfillano提到：
參數

這季節就試試這個... "&password=翁嗎尼貝妹哞"暈

fillano iT邦超人 1 級 ‧ 2013-08-22 15:12:20 檢舉

從楞嚴咒隨機撈，變化比較多。

外獅佬 iT邦大師 1 級 ‧ 2013-09-03 00:17:22 檢舉

拍手...大師說的有道理...

登入發表回應
0
player
iT邦大師 1 級 ‧ 2013-08-22 15:09:43

我報表的作法是View裡放iframe
然後View裡的表單post到這個iframe去
然後處理的Action送出CrystalReport的內容

不過你的問題是指瀏覽器快取嗎?
如果是的話, 用這個看看
Response.Cache.SetCacheability(HttpCacheability.NoCache);

我之所以不考慮用Google Charts
是因為免費的第三方服務
不知道能用到幾時?
在過去有一堆免費的網路服務, 說停就停
一點保障也沒有
一旦你用了它們, 要移植到其他的報表也沒那麼容易了

登入發表回應
0
temo
iT邦新手 1 級 ‧ 2013-08-22 16:30:13

以前遇過類似的問題,後來找人幫忙解決
印象是dialog包住後不會主動更新圖表,要關閉再開才會
忘記怎麼解決的汗

ted99tw iT邦高手 1 級 ‧ 2013-08-22 16:38:28 檢舉

會是手動解決的嗎...冷

外獅佬 iT邦大師 1 級 ‧ 2013-09-03 00:18:03 檢舉

temo提到：
關閉再開才會

我的問題是...必須離開該頁才會...落寞

登入發表回應
0
外獅佬
iT邦大師 1 級 ‧ 2013-08-22 20:38:58

整個frame只有那個圖表的action沒有更新
下中斷點在圖表的action，根本沒被執行……落寞

temo iT邦新手 1 級 ‧ 2013-08-23 12:27:03 檢舉

後來翻翻記錄,我那個是給圖表塞一個session還是什麼,就是在網頁重新整理時給他強制更新執行

登入發表回應

我要留言

立即登入留言
iThome鐵人賽
參賽組數
1064 組
團體組數
40 組
累計文章數
22201 篇
完賽人數
602 人
iT+看影片追技術 看影片追技術 看更多
熱門tag 看更多
15th鐵人賽 16th鐵人賽 13th鐵人賽 14th鐵人賽 12th鐵人賽 11th鐵人賽 鐵人賽 2019鐵人賽 javascript 2018鐵人賽 python 2017鐵人賽 windows php c# windows server linux css react vue.js
熱門問題
熱門回答
熱門文章
IT邦幫忙